<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>tk</title>
		<link rel="stylesheet" type="text/css" href="css/rest.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<header>
			<div class="bao">
				<div class="im">
					<div class="aa">全国服务热线：400-000-0000</div>
					<div class="fr">
						<a href="">加入收藏</a>
					</div>
					<div class="fr">
						<a href="">设为首页</a>
					</div>
				</div>
			</div>
			<nav>
				<div>
					<a href=""><img src="img/1_03.jpg" /></a>
				</div>
				<div class="zi">
					<ul>
						<a href="">
							<li>首页
								<p>Home</p>
							</li>
						</a>
						<a href="">
							<li>关于我们
								<p>About</p>
							</li>
						</a>
						<a href="">
							<li>产品中心
								<p>Products</p>
							</li>
						</a>
						<a href="">
							<li>服务支持
								<p>Service</p>
							</li>
						</a>
						<a href="">
							<li>新闻中心
								<p>News</p>
							</li>
						</a>
						<a href="">
							<li>在线商店
								<p>Shop</p>
							</li>
						</a>
						<a href="">
							<li>联系我们
								<p>Contact Us</p>
							</li>
						</a>
					</ul>
				</div>
			</nav>
		</header>
		<!--轮播图-->
		<div class="lb">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href=""><img src="img/9_02.jpg" /></a>
					</div>
					<div class="swiper-slide">
						<a href=""><img src="img/u=1344709775,2643005611&fm=200&gp=0.jpg" /></a>
					</div>
					<div class="swiper-slide">
						<a href=""><img src="img/timg.jpg" /></a>
					</div>
					<div class="swiper-slide">
						<a href=""><img src="img/timg.jpg" /></a>
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<script type="text/javascript">
				new Swiper('.swiper-container', {
					loop: true,
					autoplay: 1200,
					directiong: "horizontal",
					pagination: '.swiper-pagination',
					paginationClickable: true,
				});
			</script>
		</div>
		<div class="big">
			<div class="big_t">
				<div class="news">
					<div class="news_a">
						<div class="tp"><img src="img/未标题-3.png" /></div>
						<div class="news_c">
							<h4>新闻中心</h4>NEWS.CENTER
							<hr />
						</div>
					</div>
					<div class="news_v">
						<div class="top">
							<div class="topl fl">
								<h5>CeBIT 2015</h5><img src="img/首页_03.jpg" /></div>
							<div class="topr fl">创新ICT共建全联接 世界德国汉诺威展览 中心
								<p>3月16日-20日</p>
							</div>
						</div>
						<div class="botom">
							<ul>
								<li>上海国际智能建筑展览会</li>
								<li>2014德国柏林国际消费类电子产品展览会</li>
								<li>2014中国（贵阳）公告安全防范产品博览会</li>
							</ul>

						</div>
					</div>
				</div>
				<div class="new">
					<div class="new_a">
						<div class="tp"><img src="img/未标题-1.png" /></div>
						<div class="new_c">
							<h4>新品发布</h4>NEW.PRODUCTS
							<hr />
						</div>
						<div class="lbb">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<a href=""><img src="img/sxt1_03.jpg" /></a>
									</div>
									<div class="swiper-slide">
										<a href=""><img src="img/sxt1_03.jpg" /></a>
									</div>
								</div>
								<div class="swiper-button-prev"></div>
								<div class="swiper-button-next"></div>
							</div>
							<script type="text/javascript">
								new Swiper('.swiper-container', {
									loop: true,
									autoplay: 1200,
									directiong: "horizontal",
									pagination: '.swiper-pagination',
									paginationClickable: true,
								});
							</script>
						</div>
						<div class="ziti">
							<h4>s6213w-y</h4> 海思3518E方案，多码流技术，百万高清
						</div>
					</div>
				</div>
				<div class="inf">
					<div class="inf_a">
						<div class="tp"><img src="img/未标题-2.png" /></div>
						<div class="inf_c">
							<h4>品牌介绍</h4>INFORMATION
							<hr />
						</div>
					</div>
					<div class="inf_b">
						<div class="inf_b_a">
							<img src="img/disan_03.jpg" />
						</div>
						<div class="inf_c">
							<img src="img/dian_03.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="zhong"></div>
			<div class="zhongg">
				<h3>关于我们</h3>STORE DISPLAY</div>
			<div class="about">
				<div class="about_y">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。<br /> TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品
					<p>持续为客户创造最大价值。</p>
				</div>
				<div class="xlb">
					<div class="lbbz">
						<div class="c1">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href=""><img src="img/11_03.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href=""><img src="img/12_03.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href=""><img src="img/13_03.jpg" /></a>
								</div>
								
							</div>
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
						<script language="javascript">
							var mySwiper = new Swiper('.c1', {
								slidesPerView: 1,
								spaceBetween: 20,
								loop: true,
								autoplay: 100,								
							})
						</script>

					</div>
				</div>
			</div>
	</body>

</html>